<!-- <template>
    <div class="bg">
        <PreviewLayout
            :data="dragShowData"
            :row="16"
            :column="9"
            :gap="4"
            :skipEmpty="false"
        />

 
    </div>
</template>

<script setup lang="ts">
import useDragStore from '@/Store/dragStore';
import { storeToRefs } from 'pinia';
const dragStore = useDragStore();

const { dragShowData } = storeToRefs(dragStore);
</script>

<style scoped></style> -->

<template>





        <div class="parent">
    <iframe src="http://113.45.135.237:9527/large-designer/#/share/preview/f53bc950-522c-42c9-adc4-c4277ab40434/6ea344e0-43da-11ef-add0-e777500ba122"  class="iframe">

        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    </iframe>
</div>


  
     
   
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
/* .layout{
    width: 100vw;
    height: 100vh;

    display: flex;
    justify-content: center;
} */



.parent {
    position: relative;
    height: 90vh; /* 占据视口高度的100% */
    width: 100%;
    
}

.iframe {
    position: absolute;
    top: -100px;
    left: 0;
    scale:1.15  1;
    width: 100%;
    height: 100vh;
    z-index: 0;
  
    }
</style>
